<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">
    <link rel="stylesheet" href="css/detail.css" />
    <title>一元夺宝 - 商品详情</title>
</head>
<body>
<div class="top">
    <div class="slider" id="sliderWrap">
        <img src="http://onegoods.nosdn.127.net/goods/898/e10e84e4366d2a9ef7ac8bec043a7831.jpg">
        <img src="http://onegoods.nosdn.127.net/goods/898/1ef5819938941a7cb1a6acb7abd14b31.jpg">
        <img src="http://onegoods.nosdn.127.net/goods/898/87d0059acc8067297b0dc4df1fc8d7bc.jpg">
        <img src="http://onegoods.nosdn.127.net/goods/898/0f1591997a18d27e73077fcfe6c63cac.jpg">
    </div>
    <h1 class="title">
        Apple iPhone6s Plus 64g 颜色随机<span class="red">唯一的不同，就是处处不同</span>
    </h1>
    <div class="join-info">
        <p>期号：20160714001</p>
        <div class="process"><span style="width:68%"></span></div>
        <div class="times"><span class="fl">总需2688人次</span><span class="fr">剩余<em>1266</em></span></div>
    </div>
    <div class="join-stat">
        <!-- 您没有参与本期夺宝哦！ -->
        本期您已参与1人次<a href="#" id="showPop">显示弹窗</a>
    </div>
</div>
<div class="lnk">
    <a href="article.html">图文介绍</a>
    <a href="history.html">往期揭晓</a>
    <a href="joinlog.html">本期参与记录</a>
</div>
<div class="buy-btn">
    <a href="#" id="buyBtn">立即夺宝</a>
</div>
<div class="buy-pop">
    <div class="box">
        <div class="tit">
            参与人次
            <span class="cls" id="clsPop">&times;</span>
        </div>
        <div class="times">
            <span class="minus _change">&minus;</span>
            <input type="number" id="times" value="1">
            <span class="plus _change">&plus;</span>
        </div>
        <div class="tips">共<em>10夺宝币</em></div>
        <a href="" class="buynow">立即夺宝</a>
    </div>
</div>

<script src="js/lib/jquery.js"></script>
<script src="js/lib/islider.js"></script>
<script src="js/detail.js"></script>
</body>
</html>